body {
    text-align: center;
}

header{
    display: flex;
}

header div {
    flex: 1;
    padding: 20px 10px;

}

h1 {
   
    font-size: 1em;
    display: inline-block;
    padding: 0px 20px;
    width: 300px;
}

.btn{
    border-radius: 5px;
    text-decoration: none;
    padding: 20px 15px;
    display: inline-block;
    color: white;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    background-color: #3cc93f;
    width: 70%;
    font-size: 1.5em;
    box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
    margin-top: 20px;
    margin-bottom: 20px;
}

.btn:hover{

    background-color: #229424;
}


footer div {
    width: 80%;
    margin: 0 auto;


}

footer p{

    margin 0;

}



@media (min-width: 500px){

h1{
    font-size: 1.5em;
    display: inline-block;
    width: 450px;
}

.btn{

    width: 450px;
}

}